<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>Insert title here</title>
    <link rel="stylesheet" href="../static/components/nivo-slider/css/themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../static/components/nivo-slider/css/themes/light/light.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../static/components/nivo-slider/css/themes/dark/dark.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../static/components/nivo-slider/css/themes/bar/bar.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../static/components/nivo-slider/css/nivo-slider.css" type="text/css" media="screen" />
  </head>
  <body>
    <div id="wrapper">
      <div class="slider-wrapper theme-default">
        <div id="slider" class="nivoSlider">
          <img src="../static/images/toystory.jpg" data-thumb="../static/images/toystory.jpg" alt="" />
          <img src="../static/images/up.jpg" data-thumb="../static/images/up.jpg" alt="" title="" />
          <img src="../static/images/walle.jpg" data-thumb="../static/images/walle.jpg" alt="" data-transition="slideInLeft" />
          <img src="../static/images/nemo.jpg" data-thumb="../static/images/nemo.jpg" alt="" title="#htmlcaption" />
        </div>
        <div id="htmlcaption" class="nivo-html-caption">
          <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
        </div>
      </div>
    </div>
    <script type="text/javascript" src="../static/js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="../static/components/nivo-slider/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          $('#slider').nivoSlider({
        	
          });
      });
    </script>
  </body>
</html>